import React,{useEffect} from 'react'
import TopHeader from '../../components/sandbox/TopHeader'
import SideMenu  from '../../components/sandbox/SideMenu'
import './NewsSandBox.scss'
import { Layout } from 'antd'
import NewsRouter from '../../components/sandbox/NewsRouter'
import Nprogress from 'nprogress' // 进度条
import 'nprogress/nprogress.css'
const { Content } = Layout
export default function NewsSandBox() {
  Nprogress.start()
  useEffect(() => {
    Nprogress.done()
  })
  return (
    <Layout>
      <SideMenu></SideMenu>
      <Layout className="site-layout">
        <TopHeader></TopHeader>
        <Content
            className="site-layout-background"
            style={{
              margin: '24px 16px',
              padding: 24,
              minHeight: 280,
              'overflow':'auto'
            }}
          >         
         <NewsRouter></NewsRouter>
         </Content>
      </Layout>
   </Layout>
  )
}